/* CSS yang digunakan */ 
@-webkit-keyframes gantiwarna {0% {color:black}
20% {color:red}
40% {color:DodgerBlue}
60% {color:green}
80% {color:Orchid}
100% {color:black}
}
@-moz-keyframes gantiwarna {
0% {color:black}
20% {color:red}
40% {color:DodgerBlue}
60% {color:green}
80% {color:Orchid}
100% {color:black}
}
@-ms-keyframes gantiwarna {
0% {color:black}
20% {color:red}
40% {color:DodgerBlue}
60% {color:green}
80% {color:Orchid}
100% {color:black}
}
@-o-keyframes gantiwarna {
0% {color:black}
20% {color:red}
40% {color:DodgerBlue}
60% {color:green}
80% {color:Orchid}
100% {color:black}
}
@-keyframes gantiwarna {
0% {color:black}
20% {color:red}
40% {color:DodgerBlue}
60% {color:green}
80% {color:Orchid}
100% {color:black}
}
/* Penerapan efek pada element yang akan diberi efek*/ 
.PBsign{animation: 5s infinite gantiwarna linear;-webkit-animation: 5s infinite gantiwarna linear}

#sidebar-wrapper{width:300px}
.post-body h1{font-size:180%}
.post-body h2{font-size:160%}
.post-body h3{font-size:140%}
.post-body h4{font-size:130%}
.post-body h5{font-size:120%}
.post-body h6{font-size:110%}
.h2title,.relhead,.komhead{overflow:hidden;margin-bottom:5px;padding:2px 0}
.stripe-line{background:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s1600/stripe.png);height:12px;overflow:hidden;margin-top:2px}
.relhead .stripe-line,.komhead .stripe-line{margin-top:5px}
#sidebartengah .h2title,#sidebartengah h2{display:none}
.PopularPosts .item-thumbnail img,ul.recntpst li img,ul.rcomnetspy li img{padding:2px;border:1px solid lightGrey;width:60px;height:60px;background-color:white}
.rpostx li,.rcommentsx li,#sidebartengah .popular-posts li{padding:10px 0;border-bottom:1px solid #E9E9E9;overflow:hidden}
.rpostx li .thumrc,.rcommentsx .kmtrimg{float:left;margin-right:5px;display:block;width:60px;height:60px}
.infrent a,.ketkomt a{display:block}
.PopularPosts .item-thumbnail{margin:0 5px 0 0}
#sidebartengah li:last-child{border-bottom:0}
ul#relpost_img_sum li img:hover,a.thumbx img:hover,.PopularPosts img:hover,.PopularPosts .item-thumbnail img:hover,ul.recntpst li img:hover,ul.rcomnetspy li img:hover,#search-result img:hover,#related_posts img:hover{-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4}
ul.recntpst,ul.recntpst li,ul.rcomnetspy,ul.rcomnetspy li{overflow:hidden;list-style:none;margin:0;padding:0}
ul.recntpst li{height:110px}
ul.rcomnetspy li{height:90px}
ul.recntpst .thumbp,ul.rcomnetspy .kmtimg{float:left;margin:0 5px 0 0}
ul.recntpst h4,ul.rcomnetspy .ketkomt a{font-size:12px;margin:0 0 2px;overflow:hidden;max-height:32px}
ul.rcomnetspy .ketkomt a{max-height:16px}
ul.recntpst .datex,ul.rcomnetspy .ketkomt span{font-size:9px}
ul.rcomnetspy .komtsum,ul.recntpst .contxisi{margin:3px 0 0}
ul.recntpst .cm{margin:0 0 0 5px;padding:0 0 0 5px;border-left:1px solid #AAA}
#breakinfnewsjp{border-bottom:1px solid #DDD;margin:0 0 15px;line-height:30px;height:30px}
#isibreakingnews ul, #isibreakingnews li {padding: 0;margin: 0;list-style: none;}
#isibreakingnews li{height:30px}
#breakinfnewsjp .ketbeaking{display:block;float:left;padding:0 8px;margin:0 8px 0 0;background-color:#09970F;color:white;font-weight:bold;line-height:28px;height:30px;font-size:110%}
#isibreakingnews h4{float:left;padding:0 10px 0 0;margin:0}
#isibreakingnews .datex{float:left;font-size: 9px;}
#isibreakingnews .cm {padding: 0 0 0 5px;margin: 0 0 0 5px;border-left: 1px solid #726F6F;}
.comment-form{width:100%;max-width:100%;background:white}
.comment-form h4#comment-post-message{font-size:14px;padding:5px 10px}
.comment-form p{margin:10px}
.comment-form #comment-editor,.comment-form .emoWrap{padding:15px}
#searchnya{float:right;padding:0;margin:-3px 0 0}
#ajax-search-form{position:relative;font:normal normal 11px Arial,Sans-Serif}
#ajax-search-form input{border:1px solid #CCC;background-color:white;color:#6F6F6F;margin:0 0;padding:5px 8px;line-height:15px;height:27px;font-size:10px;border-top-color:#999;width:100px;float:left}
#ajax-search-form input:focus{width:200px}
#search-result{border:1px solid #F3F3F3;background-color:white;padding:8px 10px;margin:2px 0;width:280px;height:auto;position:absolute;top:27px;right:0;z-index:99;-webkit-box-shadow:0 1px 3px rgba(112,112,112,0.3);-moz-box-shadow:0 1px 3px rgba(112,112,112,0.3);box-shadow:0 1px 3px rgba(112,112,112,0.3);display:none}
#search-result *{margin:0 0 0 0;padding:0 0 0 0}
#search-result h4,#search-result strong{display:block;margin:0 30px 10px 0}
#search-result ol{list-style:none;overflow:hidden;height:450px}
#search-result ol:hover{overflow:auto}
#search-result ol a:hover{text-decoration:underline}
#search-result .close{display:block;position:absolute;top:4px;font-size:18px;right:10px;line-height:normal;color:black}
#search-result li{padding:5px 0;border-bottom:1px solid #CFCBCB}
#search-result li:last-child{border-bottom:0}
#search-result strong{color:#B75252}
#search-result span{float:left;display:block;margin:0 5px 0 0}
#search-result b{margin:0 0 3px 0;display:block}
#search-result img{padding:2px;border:1px solid #D5D5D5;border-radius:2px}
.footer .stripe-line{background-image:url(http://2.bp.blogspot.com/-hXfZtHjopCw/UOiA5zZrF1I/AAAAAAAAHvY/oovWlz4k--k/s1600/stripe.png)}
@media only screen and (min-width:768px) and (max-width:983px){
  #outer-wrapper,#kredit,#isifooternya{width:754px}
  #main-wrapper{width:480px;padding:5px}
  #sidebar-wrapper{width:270px}
  #headtitle{width:260px}
  #footer-wrapper{font-size:10px}
}
@media only screen and (max-width:767px){
  #outer-wrapper,#kredit,#isifooternya{width:420px}
  #main-wrapper{width:100%;padding:5px;float:none;margin-bottom:15px}
  #sidebar-wrapper,#isifooternya .footer-wrap{width:100%;float:none}
  #footx2{margin:0 0}
  #headtitle{float:none;margin:15px auto;display:block;text-align:center}
  #headads,#ktuskrg{display:none}
  #kredit{font-size:9px}
  .botleft,.botright{float:none;text-align:center}
  .post-body img{max-width:100%}
  .selectnav{display:block}
  #menuhlng,#menuhlng1{display:none}
  #nav{height:50px}
  #selectnav1{width:150px;cursor:pointer}
  #selectnav2{position:absolute;bottom:12px;width:90%;left:5%;background:#252525;color:white;outline:none;border:1px solid black;cursor:pointer}
  #selectnav1 option,#selectnav2 option{cursor:pointer}
  #menuatas{padding:1px 0}
  #searchnya{margin:-2px 0 0}
}
@media only screen and (max-width:479px){
  #outer-wrapper,#kredit,#isifooternya{width:300px}
  #selectnav1{width:100px}
  #ajax-search-form input:focus{width:140px}
}